.banner{width:100%;}
.banner img{display:block;}
.m_banner{display:none;}
.banner1-l{display: flex;align-items:center;width:50%;justify-content:flex-end;}
.banner1-l>div{width:638px;max-width:100%}
.banner1-l h3{text-transform:uppercase;font-size:60px;font-family: OPENSANS-BOLD;margin-bottom:50px;color:#fff;transform: translateX(200px);-ms-transform: translateX(200px);-webkit-transform: translateX(200px);opacity: 0;transition:all 0.5s;}
.banner1-l h4{margin-bottom:37px;}
.banner1-l h4 img{display: block;margin-bottom:27px;transform: translateX(200px);-ms-transform: translateX(200px);-webkit-transform: translateX(200px);opacity: 0;transition:all 0.5s;}
.banner1-l h4 img:nth-child(1){}
.banner1-l h4 img:nth-child(2){}
.banner1-l h4 img:nth-child(3){}
.banner1-l dl{display: flex;justify-content:center;align-items:center;width:190px;height:50px;border-radius:50px;background:#abcd06;color:#fff;font-size:18px;position:relative;overflow:hidden;transform: translateX(200px);-ms-transform: translateX(200px);-webkit-transform: translateX(200px);opacity: 0;transition:all 0.5s;}
.banner1-l dl i{position:relative;z-index: 3;transition:all 0s;}
.banner1-l dl img{position:relative;z-index: 3;margin-left:22px;}
.banner1-l dl .img2{display:none;}
.banner1-l dl h5{position:absolute;left: 50%;top: 50%; -webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);width:0;height:100%;background:#fff;}
.banner1-l dl:hover{color:#abcd06;}
.banner1-l dl:hover h5{width:100%;}
.banner1-l dl:hover .img1{display:none}
.banner1-l dl:hover .img2{display:block;}
.banner1-r{width:50%;margin-top:90px;transform: translateX(200px);-ms-transform: translateX(200px);-webkit-transform: translateX(200px);opacity: 0;transition:all 0.5s;}
.banner .swiper-slide-active h3 {transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1;}
.banner .swiper-slide-active h4 img:nth-child(1){
    transition-delay: .2s;
    -ms-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1;
}
.banner .swiper-slide-active h4 img:nth-child(2){
    transition-delay: .4s;
    -ms-transition-delay: .4s;
    -moz-transition-delay: .4s;
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1;
}
.banner .swiper-slide-active h4 img:nth-child(3){
    transition-delay: .6s;
    -ms-transition-delay: .6s;
    -moz-transition-delay: .6s;
    -webkit-transition-delay: .6s;
    -o-transition-delay: .6s;
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1;
}
.banner .swiper-slide-active dl{
    transition-delay: .8s;
    -ms-transition-delay: .8s;
    -moz-transition-delay: .8s;
    -webkit-transition-delay: .8s;
    -o-transition-delay: .8s;
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1;
}
.banner .swiper-slide-active .banner1-r{
    transition-delay: 1s;
    -ms-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1;
}


.banner .swiper-pagination-bullet{background:#fff;opacity:1;}
.banner .swiper-pagination-bullet-active{background:#0967C2;}
.banner .swiper-button-next{width:53px;height:110px;background:url(../images/r.png)no-repeat center rgba(255,255,255,0.1);right:0;display:none;border-top-left-radius:10px;border-bottom-left-radius:10px;transition:all 0.5s;}
.banner .swiper-button-next:hover{background:url(../images/r.png)no-repeat center #0967C2;}
.banner .swiper-button-prev{width:53px;height:110px;background:url(../images/l.png)no-repeat center rgba(255,255,255,0.1);left:0;display:none;border-top-right-radius:10px;border-bottom-right-radius:10px;transition:all 0.5s;}
.banner .swiper-button-prev:hover{background:url(../images/l.png)no-repeat center #0967C2;}
.banner:hover .swiper-button-next,.banner:hover .swiper-button-prev{display: block;} 

.cpzx{margin:60px auto 80px auto;display: flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
.cpzx a{color: #fff;position:relative;border-radius:3px;overflow:hidden;}
.cpzx-r a:nth-child(1){display:none;}
.cpzx a h4{overflow:hidden;}
.cpzx a h4 img{display: block;width: 100%;}
.cpzx a p{font-family: OPENSANS-BOLD;position:absolute;z-index: 3;text-shadow: 3px 3px 3px #666;}
.cpzx a:hover img{transform:scale(1.1);}
.cpzx-l{width:50%;}
.cpzx-l p{font-size:36px;width:calc(100% - 50px);left:50px;bottom:50px;}
.cpzx-r{width:calc(50% - 10px);display: flex;flex-wrap:wrap;justify-content:space-between;}
.cpzx-r a{width:calc(50% - 5px);margin-bottom:10px;}
.cpzx-r a p{font-size:24px;text-align:center;width:100%;left:0;top: 250px;text-shadow: 3px 3px 3px #666;}

.cpzx2{margin-bottom:90px;}
.sybt{margin-bottom:50px;}
.sybt h3{justify-content:center;font-size:48px;text-transform:uppercase;font-family: OPENSANS-BOLD;}
.sybt a{display: flex;justify-content:center;align-items:center;margin:23px auto 0 auto;width:190px;height:50px;border-radius:50px;border:1px solid #abcd06;color:#abcd06;font-size:18px;position:relative;overflow:hidden;}
.sybt a i{position:relative;z-index: 3;transition:all 0s;}
.sybt a img{position:relative;z-index: 3;margin-left:22px;}
.sybt a .img2{display:none;}
.sybt a h5{position:absolute;left: 50%;top: 50%; -webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);width:0;height:100%;background:#abcd06;}
.sybt a:hover h5{width:100%;}
.sybt a:hover{color:#fff;}
.sybt a:hover .img1{display:none;}
.sybt a:hover .img2{display: block;}
.cpzx2-b{margin-bottom:70px;}
.cpzx2-b a{display: block;}
.cpzx2-b a h4{background: #f9f9f9;overflow:hidden;margin-bottom:25px;border-radius:3px;padding: 40px 0;}
.cpzx2-b a h4 img{display: block;width:100%;}
.cpzx2-b a h5{color:#abcd06;font-size:16px;margin-bottom:10px;}
.cpzx2-b a h3{color:#000;font-size:24px;font-family: OPENSANS-BOLD;margin-bottom: 23px;height: 30px;}
.cpzx2-b a p{color:#5f5f5f;line-height:18px;}
.cpzx2-b a:hover{}
.cpzx2-b a:hover img{transform:scale(1.1);}
.cpzx2-b a:hover h3{color:#abcd06;}
.cpzx2-b2{display: flex;justify-content:center;}
.cpzx2-b2 a{display: block;width:13px;height:25px;margin:0 10px;}
.cpzx2-b2 a.a1{background:url(../images/l3.png);}
.cpzx2-b2 a.a1:hover{background:url(../images/l3-1.png);}
.cpzx2-b2 a.a2{background:url(../images/r3.png);}
.cpzx2-b2 a.a2:hover{background:url(../images/r3-1.png);}

.cgal{}
.cgal a{display: block;position:relative;}
.cgal-t{position:absolute;left: 50%;top: 30%;-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);color: #000;text-align:center;}
.cgal a h3{font-family: OPENSANS-BOLD;justify-content:center;font-size:48px;margin-bottom: 40px;-webkit-transform: translateY(40px);-ms-transform: translateY(40px);transform: translateY(40px);opacity: .2;}
.cgal a p{color:#abcd06;font-size:16px;margin-bottom:6px;-webkit-transform: translateY(40px);-ms-transform: translateY(40px);transform: translateY(40px); opacity: .2;}
.cgal a h4{
    font-size: 20px;
    font-weight: bold;
    font-family: OPENSANS-BOLD;
}
.cgal a dl{display: flex;justify-content:center;align-items:center;margin:23px auto 0 auto;width:190px;height:50px;border-radius:50px;background:#abcd06;color:#fff;font-size:18px;position:relative;overflow:hidden;-webkit-transform: translateY(40px);-ms-transform: translateY(40px);transform: translateY(40px); opacity: .2;}
.cgal a dl i{position:relative;z-index: 3;transition:all 0s;}
.cgal a dl img{position:relative;z-index: 3;margin-left:22px;}
.cgal a dl .img2{display:none;}
.cgal a dl h5{position:absolute;left: 50%;top: 50%; -webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);width:0;height:100%;background:#fff;}
.cgal a:hover dl{color:#abcd06;}
.cgal a:hover dl h5{width:100%;}
.cgal a:hover dl .img1{display:none}
.cgal a:hover dl .img2{display:block;}
.cgal .cgal-t>*{-webkit-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px); opacity: 1;}
.cgal a h6 img{display: block;width:100%;}
.cgal .swiper-pagination-bullet{background:#fff;opacity:1;}
.cgal .swiper-pagination-bullet-active{background:#abcd06;}

.gywm{margin:100px auto 80px auto;}
.gywm1{display: flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;margin-bottom:55px;}
.gywm-l{width:48.33%;overflow:hidden;}
.gywm-l img{display: block;width:100%;}
.gywm-l:hover img{transform:scale(1.1);}
.gywm-c{width: 50%;}
.gywm-c h4{font-size: 32px;font-family: OPENSANS-BOLD;text-transform:uppercase;margin-bottom:20px;}
.gywm-c h3{color: #abcd06;font-size: 30px;font-family: OPENSANS-BOLD;margin-bottom:35px;}
.gywm-c p{color:#5f5f5f;font-size:16px;line-height: 30px;margin-bottom:45px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 9;line-clamp: 9;-webkit-box-orient: vertical;}
.gywm-c a{display: flex;justify-content:center;align-items:center;width:190px;height:50px;border-radius:50px;border:1px solid #abcd06;color:#abcd06;font-size:18px;position:relative;overflow:hidden;}
.gywm-c a i{position:relative;z-index: 3;transition:all 0s;}
.gywm-c a img{position:relative;z-index: 3;margin-left:22px;}
.gywm-c a .img2{display:none;}
.gywm-c a h5{position:absolute;left: 50%;top: 50%; -webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);width:0;height:100%;background:#abcd06;}
.gywm-c a:hover h5{width:100%;}
.gywm-c a:hover{color:#fff;}
.gywm-c a:hover .img1{display:none;}
.gywm-c a:hover .img2{display: block;}
.gywm-r{width:22.77%;overflow:hidden;position:relative;}
.gywm-r h4{overflow:hidden;}
.gywm-r h4 img{display: block;}
.gywm-r p{position:absolute;z-index: 3;color:#fff;display: flex;align-items:flex-end;justify-content:space-between;width:calc(100% - 60px);left:15px;bottom:30px;}
.gywm-r p i{font-family: OPENSANS-BOLD;font-size:24px;}
.gywm-r p span{}
.wmys{background:#f5f5f5;display: flex;flex-wrap:wrap;}
.wmys dl{width:25%;display:flex;flex-wrap:wrap;justify-content:center;padding:70px 0 40px 0;border-right:1px solid #e5e5e5;position:relative;}
.wmys dl:last-child{border:none;}
.wmys dl dt{width:100px;padding-top:20px;transition:all 0.5s;}
/*.wmys dl dd{width:calc(100% - 150px);}*/
.wmys dl dd p{display:flex;align-items:flex-end;margin-bottom:20px;}
.wmys dl dd p span{line-height:100%;font-family: OPENSANS-BOLD;font-size:60px;}
.wmys dl dd p i{line-height:100%;color:#5a5b5d;font-size:18px;display: block;margin-bottom:5px;margin-left:10px;}
.wmys dl dd h4{color:#5f5f5f;font-size:16px;line-height:18px;}
.wmys dl:hover dt{transform: translateY(-10px);}

.xwzx{margin-bottom:100px;}
.xwzx-b{display: flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
.xwzx1{width:36.11%;display: block;}
.xwzx1 h4{overflow:hidden;border-radius:3px;margin-bottom:25px;}
.xwzx1 h4 img{display: block;width:100%;}
.xwzx1 h3{color:#000;font-size:24px;line-height:30px;margin-bottom:20px;}
.xwzx1 p{color:#5f5f5f;font-size:16px;line-height:24px;}
.xwzx1:hover img{transform:scale(1.1);}
.xwzx1:hover h3{color:#abcd06;}
.xwzx2{width:40.55%;}
.xwzx2 a{display: block;position:relative;margin-bottom:15px;padding:14px 60px 14px 36px;}
.xwzx2 dl{transition:all 0s;position:relative;z-index: 3;display: flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.xwzx2 dt{transition:all 0s;border-right:1px solid #e5e5e5;padding-right:33px;color:#5f5f5f;padding-bottom:10px;}
.xwzx2 dt h3{font-size:48px;font-weight:bold;margin-bottom:13px;color: #000;}
.xwzx2 dd{transition:all 0s;width:calc(100% - 160px);}
.xwzx2 dd h3{color:#000;font-size:18px;margin-bottom:15px;line-height: 140%;}
.xwzx2 dd p{color:#5f5f5f;line-height:24px;}
.xwzx2 h6{position:absolute;left: 50%;top: 50%; -webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);background:#abcd06;height:100%;border-radius:3px;width:0;}

.xwzx2 a:hover{}
.xwzx3{width:19.44%;}
.xwzx3 a{display: block;color:#000;}
.xwzx3 a:nth-child(1){margin-bottom:20px;}
.xwzx3 a h4{overflow:hidden;border-radius:3px;margin-bottom:15px;}
.xwzx3 a h4 img{display: block;width:100%;}
.xwzx3 a h3{font-size:16px;line-height: 140%;}
.xwzx3 a:hover{}
.xwzx3 a:hover img{transform:scale(1.1);}

@media(max-width:1820px){
    .xwzx2 a{margin-bottom:10px;padding:10px 60px 10px 36px;}
    .gywm-c p{font-size:14px;line-height:24px;}
    .gywm-c h3{font-size:31px;}
}
@media(max-width:1620px){
    .wmys dl dt{width:70px;}
    .cpzx-r a p{top:20px;}
    .gywm-c h3{font-size:27px;margin-bottom:20px;}
    .xwzx2 a{padding:5px 60px 5px 36px;}
}
@media(max-width:1420px){
    .cpzx-r a p{top:10px;font-size:20px;}
    .cpzx a p{bottom:20px;}
    .wmys dl br{display:none;}
    .wmys dl dd{max-width:calc(100% - 100px);}
    .gywm-c h3{font-size:25px;}
    .gywm-c p{margin-bottom:20px;}
    .xwzx2 a{margin-bottom:5px;}
    .xwzx2 dt h3{margin-bottom:10px;}
}
@media screen and (min-width:1200px){
    .xwzx2 a:hover *{color:#fff;border-color:#fff;}
    .xwzx2 a:hover h6{width:100%;box-shadow:1px 1px 10px rgba(0,0,0,0.2)}
/*     .banner a{display:flex;position:absolute;width:100%;height:100%;left:0;top:0;} */
}
@media screen and (max-width:1200px){
	.banner{margin-top:60px;}
    .cpzx a p{left:15px;}
    .cpzx-r a p{left:15px;position:relative;color:#5f5f5f;top:0;}
    .sybt a,.cgal a dl,.gywm-c a{height:40px;}
    .cgal-t{top:40%;}
    .wmys dl{width:100%;border: none;}
    .wmys dl dd{width:calc(100% - 100px);}
    .cpzx2-b a h4{padding:20px 0}
}                       
.section .gsapAnimate.animated {transform:translateY(0) !important;opacity:1 !important;text-align: center;font-size: 36px;}
.section-commercial .commercial-container {
  margin-top: 2rem;
  position: relative;
}
.section-commercial .commercial-container .case-info h3.case-title {
  display: inline-block;
  font-size: 1.2rem;
  line-height: 2;
  border-bottom: 0.1rem solid;
  margin: 0;
}
.section-commercial .commercial-container .case-info {
  position: absolute;
  left: 2rem;
  right: 2rem;
  bottom: 1.5rem;
  color: #fff;
  z-index: 2;
  text-align: center;
}
.section-commercial .commercial-container .case-info p.case-subtitle {
  font-size: 1rem;
  line-height: 1.5;
  margin-top: 1rem;
}
.section-commercial .commercial-container .case-info .case-btns > a {
  font-size: 0.8rem;
  line-height: 1.5rem;
  margin: 0 2em;
}
.section-commercial{background:#f5f5f5;padding-bottom: 3rem;}
.section .gsapAnimate {transition:transform 400ms ease-in-out,opacity 400ms ease-out;}
.section .section-title {margin:0;padding-top:5rem;padding-bottom:2.5rem;}
.section .container {padding: 0 4rem;}                                                            
.section-commercial .commercial-tags {display:flex;justify-content:space-between;}
.section-commercial .commercial-tags li {cursor:pointer;font-size: 16px;line-height:1.8;color:#222;font-family:"FZLTXHJW";font-weight:bold;border-bottom:0.1rem solid transparent;}
@media(max-width:1600px){.section-commercial .commercial-tags li{font-size:14px;}}
.section-commercial .commercial-tags li:hover {color:#abcd06;}
.section-commercial .commercial-tags li.on {border-color:#abcd06;color:#abcd06;}
.section-commercial .commercial-container2 {margin-top:2rem;overflow:hidden;display:flex;align-items:flex-end;}
.section-commercial .commercial-container2.loading > * {opacity:0 !important;}
.section-commercial .commercial-container2 .case-img {float:left;width:50%;position:relative;}
.section-commercial .commercial-container2 .case-img img {height:28.5rem;object-fit:cover;}
.section-commercial .commercial-container2 .case-info {float:left;width:50%;padding-left:3rem;color:#222;height:28.5rem;display:inline-flex;flex-direction:column;justify-content:space-between;padding-top:0.5rem;}
.section-commercial .commercial-container2 .case-info h3.case-title {display:inline-block;font-size:1.4rem;line-height:2;border-bottom:0.1rem solid;margin:0;}
@media screen and (max-width: 768px) {
 .pc_banner{display:none;} 
  .m_banner{display:block;}
  .banner_m{display:none;}
}